* { margin:0; padding:0; }

a, a:visited, a:focus { color: #06c }
a img { border: 0 none }
a:focus { outline: none; }

body { background: #DEE url(/images/bg.jpg) repeat; font-family: Georgia, Lucida Sans, Helvetica, Arial;
       font-size: 13px; padding-bottom: 32px; /* for footer */  }

h1, h2, h3 { font-weight: normal }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }

li { list-style: none }

p { line-height: 1.3em; margin-bottom: 6px; }

.light { color: #aaa }
.small { font-size: 11px }
.highlight { color: #0A5363 }
.twitter { color: #3CF }

.frame { width: 960px; margin:auto; }
.leftPane { float: left; width: 300px; margin-bottom: 32px; }
.rightPane { float: left; width: 480px; padding-left: 32px; }

.footer { clear:both; text-align:center; bottom:0; left:0; width:100%; padding-top: 28px;
          font-size: 12px; height:24px;   /* Height of the footer */
          color: #666; }
    .footer a { color: #333; }

/* HOME PAGE */
.home h1 { text-align:center; color: #0A5363; }
.home h2 { color: White; font-size: 28px; margin: 12px 0 -6px 0; }
.home h3 { margin: 28px 0 8px 0; }
    .home h3:first-child { margin-top: 8px; }

.home .leftPane p { text-align: center; color: #0A5363; }
.home p.light { margin-top: -4px; font-style: italic }

.home .invite { background: #fff url(/images/twitter-type.png) no-repeat 8px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
                margin: 32px 8px 8px 8px; padding: 8px 12px 12px 64px; font-size: 20px; }

.home .unlockPro { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px;
                margin: 32px 8px 8px 8px; padding: 8px 12px 12px 64px; font-size: 18px; height: 96px; }
      .home .unlockPro img.free { margin: -20px 0 0 -92px }
      .home .unlockPro h2 { color: #f60; margin: -48px 0 0 -28px; font-size: 22px; }
      .home .unlockPro p { text-align: left; margin-left: -28px; }

.home .opensource { font-size: 11px; margin-top: 50px }

.home .section { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px;
             padding:16px; margin: 0 0 32px 0 }

    .home .section ul { margin-left: 32px; }
    .home .section li { list-style: disc; padding: 0 3px 4px 3px; }

.busy { background: url("/images/busy-small.gif") no-repeat scroll 2px 8px transparent; }

#task { width: 1050px; }
#task .main { float:left; width:750px; padding:10px; }
#task .sidebar { float:right; width:250px; padding:10px;  }
#task .nav ul { margin:0; padding:0; list-style:none; }
#task .nav li { display:inline; margin:0; padding:0; }
#task table td { padding:4px; }

